import React from "react";
import { Icon, Page, Title, Text, Search } from "@/components";
import ScrollIntoView from "@/doc/components/ScrollIntoView";
const IconExemple = () => {
  return (
    <Page
      pageHeader={{
        title: '图标 Icon',
        descriptions: '这里有 fontawesome 内置的免费图标。',
        breadcrumb: {
          list: [
            {
              title: 'CompCards',
              path: '/compCards'
            },
            {
              title: 'Iconxemple',
              path: '/exemples/iconExemple'
            }
          ]
        }
      }}
    >
      <ScrollIntoView>
        <Title type="tooltip" title="基本Icon status" >
          <Search
            columns={[
              {
                formItem: {
                  name: 'text',
                  label: 'lableTxet'
                },
                type: 'text'
              },
              {
                formItem: {
                  name: 'number',
                  label: 'lableNumber'
                },
                type: 'number'
              }
            ]}
          />
        </Title>
      </ScrollIntoView>
    </Page>
  )
}
export default IconExemple